/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Error Style Sheet - It is used for error, offline and Internet Explorer 6 upgrade page
 */


/* Defaults
----------------------------------------------------------------------------------------------------*/

body {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.center {
	position: absolute;
	top: 30%;
	left: 50%;
	text-align: center;
}

.error {
	margin: 0;
	font-size: 200px;
	line-height: 200px;
	font-weight: bold;
}

.title { margin: 20px 0 0 0; }

.message { margin: 20px auto 0 auto; }

/* Offline */
.error-offline .error {
	font-size: 150px;
	line-height: 150px;
}

.error-offline form.short > div { margin: 10px 0; }

/* Browser */
.error-browser .error { line-height: inherit; }

.error-browser .error a {
	display: block;
	width: 135px;
	height: 132px;
	background: url(../images/error/browser_logos.png) 0 0 no-repeat;
	float: left;
}

.error-browser .error a.firefox { background-position: -135px 0; }
.error-browser .error a.opera { background-position: -270px 0; }
.error-browser .error a.safari { background-position: -405px 0; }
.error-browser .error a.ie { background-position: -540px 0; }


/* -------------------------------------------------------------------- */


#system-message {
    margin: 0 0 10px;
    padding: 0;
}
#system-message dt {
    display: none;
}
#system-message dd {
    border-bottom: 3px solid #84A7DB;
    border-top: 3px solid #84A7DB;
    color: #0055BB;
    margin-left: 0;
    padding: 10px;
}
#system-message dd ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#system-message dd.error {
    background-color: #E6C0C0;
    border-bottom: 3px solid #DE7A7B;
    border-top: 3px solid #DE7A7B;
    color: #CC0000;
}
#system-message dd.notice {
    background: none repeat scroll 0 0 #EFE7B8;
    border-bottom: 3px solid #F0DC7E;
    border-top: 3px solid #F0DC7E;
    color: #CC0000;
}

/* Page Defaults
----------------------------------------------------------------------------------------------------*/
/* 
.center {
	width: 800px;
	margin-left: -400px;
}


.error { text-shadow: 0 -1px 0 rgba(0,0,0,0.9), 0 1px 0 rgba(255,255,255,0.7); }

.error > span {
	display: inline-block;
	position: relative;
}

.error > span:before {
	content: "";
	position: absolute;
	top: 70%;
	left: -30px;
	right: -30px;
	height: 80px;
	background: url(../images/error.png) no-repeat;
	background-size: 100% 100%;
}

.message { width: 400px; }

Offline
.error-offline .error > span:before { top: 65%; }
.error-offline .message { width: 350px; }

Browser
.error-browser .message { width: 500px; }

 */